<template>
  <div class='list'>
    <ul>
      <li v-for="(item, index) in listData" :key="index" @click="showDetail(item,index)">
        <p class="title">{{item.title}}</p>
        <p class="time">会议时间:{{item.start_time}} - {{item.end_time}}</p>
        <p class="time"><span>地点：{{item.location}}</span><span class="fr">发起人：{{item.name}}</span></p>
      </li>
    </ul>
    <p class="no-data" v-show="listData.length==0">暂时没有数据</p>
  </div>
</template>
<script>
export default {
  props:['listData','routerDetail'],
  components: {},
  name: "",
  data() {
    return {};
  },
  methods: {
    showDetail(item,index){
      if(this.routerDetail)this.routerDetail(item)
    }
  },
  created() {}
};
</script>
<style lang="scss" scoped>
.list {
  li{
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;

    .title{
      font-size: 16px;
    }
    .time{
      font-size: 12px;
      color: #666;
      margin-top: 5px;
    }
  }
}
</style>